<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一,vue项目优化的方案有那些?
      // 01.减少http请求
      // 02.减少DOM操作
      // 03.小图片使用base64格式
      // 04.图片很多的页面使用图片懒加载p
      
      // 05.使用路由懒加载(首屏优化)
      // 06.使用JSON格式处理数据,例如存储token
      // 07.尽量减少回流和重绘
      // 08.使用ui组件库的时候按需引入
      // 09.设计数据时不能设计太深,因为会做全量递归的计算,消耗性能
      // 10.组件的颗粒度不能设置的太细,因为vue也要监听组件,消耗性能
      // 11.函数式组件,render更高效(平时不用)
      // 12.v-for绑定key（key是虚拟DOM节点唯一标志，diff算法在比较时，会比较key是否发生变化，如果变化，会将变化的节点以及子节点销毁）diff算法只比较同一级的key，不跨级比较
      // 13.合理使用v-if和v-show
      // 14.虚拟滚动(只渲染可视区的列表项,功能类似于懒加载)
      // 15.防抖和节流
      // 16.computed(计算属性,具有缓存机制)
    </script>
  </body>
</html>
